//获取元素
let on = document.querySelectorAll('.on')
let span = document.querySelectorAll('.ative')

console.log();

// 1定义变量保存验证规则===正则表达式

let Arr = [
        /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/,
        /^1[345678][0-9]{9}$/,
        /^[a-zA-Z][a-zA-Z0-9_]{3}$/,
        /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/
    ]
    //2.需求。失去焦点验证,验证账号 手机号 验证码 密码
on.forEach(function(dom, i) {
    //失去焦点
    dom.addEventListener('blur', function() {
        // console.log(dom.value);
        //失去焦点,验证输入的规则
        let bool = Arr[i].test(dom.value)
        if (bool) {
            span[i].style.display = 'none'
        } else {
            span[i].style.display = 'block'
        }
    })
})